/* ---------------------------------  1200 ------------------------------------ */

@media only screen and (max-width: 1243px) {
    .career-div div img {
        margin-top: 59px;
        max-width: none;
        width: 100%;
        padding: 0px 40px;
    }
    .career-div div {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 0px 20px;
    }
    .career-div {
        margin-bottom: 40px;
        margin-top: 100px;
    }
    .boster-container-h1 {
        font-size: 43px;
    }
    .boster-container h3 {
        font-size: 15px;
    }
    .booster-main {
        /* max-width: 1000px; */
        width: 100%;
        padding: 60px 0;
    }
    .edaya-details-section {
        width: 100%;
        /* max-width: 950px; */
        padding: 48px;
        margin: 0px 20px;
    }
    .details-section-images {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 21px;
    }
    .head-heading {
        font-size: 42px;
        line-height: 54.8px;
        letter-spacing: -0.03em;
    }
    .head-content-text {
        font-size: 28px;
        line-height: 47.2px;
    }
    .edaya-details-section {
        gap: 50px;
    }
    .details-section-head {
        display: flex;
        flex-direction: column;
        gap: 42px;
    }
    .details-section-bottom {
        gap: 20px;
    }
    .bottom-heading {
        font-size: 42px;
        line-height: 54.8px;
    }
    .bottom-text {
        font-size: 28px;
        line-height: 47.2px;
    }
}

/* ---------------------------------  1120 ------------------------------------ */

@media only screen and (max-width: 1120px) {
    .career-div div img {
        margin-top: 59px;
        /* max-width: 750px; */
        width: 100%;
    }
    .career-div div {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .career-div {
        margin-bottom: 40px;
        margin-top: 100px;
    }
    .boster-container-h1 {
        font-size: 43px;
    }
    .boster-container h3 {
        font-size: 15px;
    }
    .booster-main {
        /* max-width: 900px; */
        width: 100%;
        padding: 60px 0;
    }
    .edaya-details-section {
        width: 100%;
        /* max-width: 850px; */
        padding: 30px;
    }
    .details-section-images {
        display: grid;
        /* grid-template-columns: 431px 391px; */
        gap: 21px;
    }
    .head-heading {
        font-size: 38px;
        line-height: 45.8px;
    }
    .head-content-text {
        font-size: 26px;
        line-height: 45.2px;
    }
    .details-section-head {
        display: flex;
        flex-direction: column;
        gap: 38px;
    }
    .details-section-bottom {
        gap: 20px;
    }
    .bottom-heading {
        font-size: 38px;
        line-height: 45.8px;
    }
    .bottom-text {
        font-size: 26px;
        line-height: 45.2px;
    }
    .heading-aboutus {
        width: 764px;
        height: 409px;
    }
    .aboutus-div div h1 {
        font-size: 76px;
        font-weight: 700;
        line-height: 74.2px;
    }
    .aboutus-div div h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 30.84px;
    }
}

/* ---------------------------------  960 ------------------------------------ */

@media only screen and (max-width: 960px) {
    .edaya-details-section {
        width: 100%;
        /* max-width: 750px; */
        padding: 30px;
    }
    .details-section-images {
        display: grid;
        /* grid-template-columns: 391px 341px; */
        gap: 21px;
    }
    .booster-main {
        /* max-width: 820px; */
        width: 100%;
        padding: 60px 0;
    }

}
/* ---------------------------------  800 ------------------------------------ */

@media only screen and (max-width: 849px) {
    .career-div div img {
        margin-top: 59px;
        /* max-width: 650px; */
        width: 100%;
    }
    .career-div div {
        width: 750px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .career-div {
        margin-bottom: 40px;
        margin-top: 100px;
    }
    .boster-container-h1 {
        font-size: 43px;
    }
    .boster-container h3 {
        font-size: 15px;
    }
    .booster-main {
        /* max-width: 700px; */
        width: 100%;
        padding: 40px 0;
    }
    .edaya-details-section {
        width: 100%;
        /* max-width: 650px; */
        padding: 30px;
    }
    .details-section-images {
        display: grid;
        /* grid-template-columns: 341px 291px; */
        gap: 21px;
    }
    .head-heading {
        font-size: 32px;
        line-height: 40.8px;
    }
    .head-content-text {
        font-size: 22px;
        line-height: 38.2px;
        width: 90%;
    }
    .vision-container {
        width: 131px;
        border: 1px solid #534fc8;
        border-radius: 10px;
        padding: 8px 14px 8px 14px;
        font-size: 14px;
    }
    .details-section-head {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .details-section-bottom {
        gap: 18px;
    }
    .bottom-heading {
        font-size: 32px;
        line-height: 40.8px;
    }
    .bottom-text {
        font-size: 22px;
        line-height: 38.2px;
    }
    .heading-aboutus {
        width: 594px;
        height: 359px;
    }
    .aboutus-div div h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 68.2px;
    }
    .aboutus-div div h3 {
        font-size: 15px;
        font-weight: 500;
        line-height: 30.84px;
    }
    .career-div-div-h1 {
        font-size: 46px;
        font-weight: 700;
        line-height: 52.6px;
        margin-bottom: 13px;
    }
}

/* ---------------------------------  760 ------------------------------------ */

@media only screen and (max-width: 760px) {
    .edaya-details-section {
        width: 100%;
        /* max-width: 550px; */
        padding: 30px;
    }
    .details-section-images {
        display: grid;
        /* grid-template-columns: 291px 241px; */
        gap: 21px;
    }
    .booster-main {
        /* max-width: 620px; */
        width: 100%;
        padding: 60px 0;
    }
    .career-div div img {
        margin-top: 59px;
        /* max-width: 580px; */
        width: 100%;
    }

}

/* ---------------------------------  648 ------------------------------------ */

@media only screen and (max-width: 648px) {
    .booster-section {
        margin-bottom: 24px;
      }
      .booster-main {
        width: 100%;
        border-radius: 24px;
        display: flex;
        justify-content: start;
        align-items: start;
        margin: 20px;
        padding: 50px 0;
      }

      .boster-container {
        width: 100%;
        height: 195px;
        display: flex;
        justify-content: start;
        align-items: start;
        margin: 0 0 0 24px;
      }

      .boster-container-h1 {
        font-size: 24px;
        width: 250px;
        line-height: 35px;
        font-weight: 700;
        text-align: left;
      }

      .boster-container h3 {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
      }

    .edaya-details-section {
        width: 100%;
        padding: 0px;
        gap: 15px;
        border-radius: 0px;
        border: 1px solid white;
        margin: 20px;
    }
    .details-section-images {
        grid-template-columns: 1fr;
    }

    .details-image-1 {
        display: none;
    }
    .details-image-2 {
        border-radius: 16px;
    }
    .details-2-img {
        border-radius: 16px;
    }
    .head-heading {
        font-size: 28px;
        line-height: 30.8px;
    }
    .head-content-text {
        font-size: 16px;
        line-height: 24.2px;
        width: 100%;
    }
    .vision-container {
        width: 117px;
        border: 1px solid #534fc8;
        border-radius: 10px;
        padding: 8px 14px 8px 14px;
        font-size: 12px;
        margin-top: 15px;
    }
    .details-section-head {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .details-section-bottom {
        gap: 15px;
    }
    .bottom-heading {
        font-size: 28px;
        line-height: 30.8px;
    }
    .bottom-text {
        font-size: 16px;
        line-height: 24.2px;
    }
    .heading-aboutus {
        width: 100%;
        height: 229px;
        margin-top: 80px;
        margin-left: 20px;
        margin-right: 20px;
        padding: 5px;
    }
    .main-header-aboutus {
        width: 100%;
        height: 363px;
    }
    .aboutus-div div{
        width: 100%;
      }
    .aboutus-div div div {
        margin-bottom: 5px;
    }
    .aboutus-div div h1 {
        font-size: 26px;
        font-weight: 700;
        line-height: 50.2px;
        margin-bottom: 0px;
    }
    .aboutus-div div h3 {
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        line-height: 18.84px;
    }
    .career-div div img {
        margin-top: 39px;
        /* width: 80%; */
        width: 100%;
        padding: 0px 20px;
    }
    .career-div div {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .career-div {
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .career-div-div-h1 {
        font-size: 26px;
        font-weight: 700;
        line-height: 30.6px;
        width: 90%;
        margin-bottom: 13px;
    }
    .career-div div button {
        margin-top: 15px;
    }
    .join-container-div-h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .join-container-div {
        margin-top: 40px;
        width: 100%;
    }
    .aboutus-scroll{
        margin-top: 12px;
      }
      .about-us-trusted-div{
        margin: 0px 20px;
      }
}